import React, { Component } from 'react';

import right from "../../../assets/images/mine/right.png"
import provider from "../../../assets/images/mine/provider.png"
import qianbao from "../../../assets/images/mine/qianbao.png"
import set from "../../../assets/images/mine/set.png"
import juxing from "../../../assets/images/mine/juxing.png"
import shocang from "../../../assets/images/mine/shocang.png"

import {
  MoreWrap
} from './StyledMine'

export default class More extends Component {
  render() {
    return (
      <MoreWrap>
      <div>
        <h1>更多</h1>
        <div>
          <ul>
            <li>
              <div>
                <div><img src={`${provider}`} alt=""/></div>
                <span>我的提供</span>
              </div>
              <p><img src={`${right}`} alt=""/></p>
            </li>
            <li>
              <div>
                <div><img src={`${qianbao}`} alt=""/></div>
                <span>我的钱包</span>
              </div>
              <p><img src={`${right}`} alt=""/></p>
            </li>
            <li>
              <div>
                <div><img src={`${shocang}`} alt=""/></div>
                <span>我的收藏</span>
              </div>
              <p><img src={`${right}`} alt=""/></p>
            </li>
            <li>
              <div>
                <div><img src={`${juxing}`} alt=""/></div>
                <span>为您服务</span>
              </div>
              <p><img src={`${right}`} alt=""/></p>
            </li>
            <li>
              <div>
                <div><img src={`${set}`} alt=""/></div>
                <span>设置</span>
              </div>
              <p><img src={`${right}`} alt=""/></p>
            </li>
          </ul>
        </div>
      </div>
      </MoreWrap>
    );
  }
}
